<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html>
<head th:include="common/head :: head"></head>
<link rel="stylesheet" href="./css/stype/information.css">
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

    <!--头部导航-->
    <div th:include="common/header :: head_home"></div>

    <!--侧边栏-->
    <div th:include="common/sidebar :: sidebar_staff"></div>

  <div class="layui-body">
      <!-- 面包屑 -->
    <span class="layui-breadcrumb">
        <a href="./">首页</a>
        <a href="">员工管理</a>
    </span>
    <!-- 内容主体区域 -->
    <div  class="top-hadoop-count">
        <div style="padding: 20px; background-color: #F2F2F2;">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-body">
                        <!-- 上部筛选 -->
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">名字：</label>
                                <div class="layui-input-inline">
                                <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
                                </div>
                            </div>

                            <div class="layui-inline">
                                <label class="layui-form-label">联系人：</label>
                                <div class="layui-input-inline">
                                <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <button type="button" class="layui-btn layui-btn-normal">搜索</button>
                          </div>
                          <hr>
                        <!-- 增加删除按钮 -->
                        <div class="zj-buoot">
                            <button type="button" class="layui-btn layui-btn-danger">删除员工</button>
                            <button type="button" onclick="getAddUsers()" class="layui-btn layui-btn-danger" style="background-color: #1E9FFF">增加员工</button>

                            <button type="button" onclick="addInvitationUsers()"  class="layui-btn layui-btn-normalb" >增加邀请码</button>
                            <button type="button" onclick="getInvitationUsers()" class="layui-btn layui-btn-normalb" style="background-color: #FF5722">邀请码查看</button>

                        </div>
                        <hr>
                        
                          <!-- 下部表格 -->
                        <table class="layui-table" lay-skin="line">
                            <colgroup>
                                <col width="60">
                                <col width="150">
                                <col width="150">
                                <col width="150">
                                <col width="150">
                                <col width="150">
                                <col width="150">
                                <col width="150">
                                <col width="150">
                                <col width="150">
                            </colgroup>
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>昵称</th>
                                    <th>名字</th>
                                    <th>手机号</th>
                                    <th>邮箱</th>
                                    <th>用户等级</th>
                                    <th>状态</th>
                                    <th>创建时间</th>
                                    <th>操作</th>
                                </tr> 
                            </thead>
                            <tbody  id = "staff_data">

                                
                            </tbody>
                        </table>   
                        <div id="page_all"></div>
                    </div>
                </div>
                </div>
            </div>
        </div> 

    </div>
    
  </div>
  

</div>
<div th:include="common/js :: js"></div>
<script>
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
  
});
</script>

<script src="./js/staff.js"></script>



</body>
</html>